<template>
	<section class="index-item">郭明要用的</section>
	<section class="index-item"><full-good-human/></section>
	<section class="index-item">熊维要用的</section>
	<section class="index-item">黄皓銘要用的</section>
	<section class="index-item">郭明要用的</section>
</template>
<script lang="ts">
import FullGoodHuman from '/@/layouts/index/homepage/fullGoodHuman.vue';
export default {
	name: 'layout-index-fgh',
  components: {
    FullGoodHuman
  },
	setup() {},
};
</script>
<style lang="scss" scoped>
$backColor: #fff,#67c23a, rgb(247,247,247), #f56c6c, #909399;

@for $i from 1 through length($backColor) {
	$item: nth($backColor, $i);
	.index-item:nth-child(#{$i}) {
		width: 100vm;
		height: 100vh;
		scroll-snap-align: start;
		background: $item;
	}
}
</style>
